<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>jQuery Mobile - Multi Pages</title>
		<link rel="stylesheet" href="./css/themes/default/jquery.mobile-1.4.5.min.css">
		<link rel="stylesheet" href="./_assets/css/jqm-demos.css">
		<link rel="shortcut icon" href="./favicon.ico">
		<link rel="stylesheet" href="css/mui.min.css">
		<script src="./js/jquery.js"></script>
		<script src="./_assets/js/index.js"></script>
		<script src="./js/jquery.mobile-1.4.5.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/details.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
		<script>
			//			function load() {
			//				var par = "id"; //设置参数名称
			//				var id = getPar(par);
			//			}
			//			

			//获取get参数{}
			function getPar(par) {
				//获取当前URL
				var local_url = document.location.href;
				//获取要取得的get参数位置
				var get = local_url.indexOf(par + "=");
				if(get == -1) {
					return false;
				}
				//截取字符串
				var get_par = local_url.slice(par.length + get + 1);
				//判断截取后的字符串是否还有其他get参数
				var nextPar = get_par.indexOf("&");
				if(nextPar != -1) {
					get_par = get_par.slice(0, nextPar);
				}
				return get_par;
			}
		</script>
	</head>

	<body>
		<!-- Start of second page: #details -->
		<div data-role="page" id="pageDetails" data-theme="a">
			<div data-role="header">
				<a href="#" data-rel="back" class="ui-btn ui-btn-left ui-alt-icon ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
				<h3>详情</h3>
			</div>
			<!-- /header -->
			<div id="main" role="main" class="ui-content jqm-content jqm-fullwidth">
				
			</div>
			<!-- /content -->
			<!-- /content -->
			<div data-role="footer" data-position="fixed" data-tap-toggle="false">
				<div data-role="navbar" data-theme="a">
					<ul>
						<li>
							<a href="index.html#pageOne" target="_blank"><img src="img/home.svg" width="50px" /></a>
						</li>
						<li>
							<a href="index.html#pageTwo" target="_blank"><img src="img/comment.svg" width="50px" /></a>
						</li>
						<li>
							<a href="index.html#pageThree" target="_blank"><img src="img/cart.svg" width="50px" /></a>
						</li>
						<li>
							<a href="index.html#pageFour" target="_blank"><img src="img/user.svg" width="50px" /></a>
						</li>
					</ul>
				</div>
			</div>
			<!-- /footer -->
		</div>
		<!-- /page details -->
	</body>

</html>